.eventcontainer
{
	border: inset 1px;
	background-image: url(../images/instructionbg.gif);
	padding: 10px 10px 10px 10px;
	width: 700px;
	height: 100px;
	overflow: auto;
	clear:left;
}
.eventlist
{
	float: left;
	padding-right: 10px;
}
.eventdefinition
{
	float: left;
	background-color: White;
	border: inset 1px;
	padding: 5px 5px 5px 5px;
	width: 500px;
	height: 80px;
}


/* Label Edit Classes */
.label {
	font-size: 12pt;	
}
.labelhover {
	border: red 1px dotted;
	background-color: lemonchiffon;
	cursor: pointer;
}
.labeledit {
	border: red 1px dotted;
	background-color: yellow;
	text-align: left;
}
.labeleditwork {
	background: url(images/progress_spiral.gif) no-repeat 100% left;
}


/*tabstrip classes */

.tabcontainer
{
	padding-top: 10px;
	padding-left: 10px;
    width: 500px;
    height: 200px;
    
}

/*sample tabstrip - need smaller */
.tabcontainer2
{
	width: 300px;
	height: 150px;
	border: outset 3px silver;
	background-color: #ffffcc;
}

/*toolbar*/
.toolbar {
	background-color: silver;
	border: outset 1px; /*give toolbar a 3D look*/
	position: absolute; /*needed so it doesn't take up space */
	margin-top: -22px; /*specify toolbar to be just above text */	
	white-space: nowrap; /* makes toolbar horizontal */
	height: 22px;
}

.toolbarbuttontext {
	cursor: pointer; /*change mouse to pointer when hover over button*/
	border: solid 5px silver; /*separate text*/
	display:-moz-inline-box; /* Gecko proprietary  (ORDER IS IMPORTANT HERE!)*/	
	display: inline-block; /* supported by Opera and ? */
}
